<div class="aside">
    <div class="text-center"><div class="divider mini text-tiny medium-text">广告招租</div></div>
    <div>
        {focus id="广告位招租" item="pic"}
        <div class="padding-top">
            <a href="{$pic.url}" target="_blank" title="{$pic.desc}"><img class="radius" src="{$pic.picture}" style="width: 100%;"></a>
        </div>
        {/focus}
    </div>
    <div class="radius padding-top margin-top light-background" style="position: sticky; top: calc(var(--space-width) + 80px);">
        <div class="panel-block text-center">
            <h2 class="title">友情链接</h2>
            {include "components/wavy.html"}
        </div>
        <!-- 内容列表 -->
        <div class="links padding">
            {links tag="侧边链接" total=30 item="item"}
            <a class="item" href="{$item.url}" title="{$item.name}" target="_blank">
                <div class="margin-right" style="width: 32px;">
                    <div class="pic-1b1 hover-zoom radius overflow-hidden">
                        <div class="wrap"><img src="{$item.image|default:CMS_randImage($item.name)}" alt="{$item.name}"></div>
                    </div>
                </div>
                <div class="detail">
                    <div class="text-bold max-one-line-text">{$item.name}</div>
                    <div class="margin-top-half medium-text max-one-line-text text-small">{$item.url}</div>
                </div>
            </a>
            {linkselse}
            <div class="padding text-center medium-text">暂无链接</div>
            {/links}
        </div>
    </div>
</div>